﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>管理工程与商学院--首页</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script>
	  $(document).ready(function(){
	   $(".navbar ul li").mouseenter(function(){
	   
		$(this).find(".dropdown-menu").fadeIn(500)
		 
		  })
	  $(".navbar ul li").mouseleave(function(){
		
		$(this).find(".dropdown-menu").fadeOut(500)
		
		  })
	  });
    </script>
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="logo"></div>
            <div class="navbar">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">学院概况</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">学院简介</a></li>
                            <li><a href="#">现任领导</a></li>
                            <li><a href="#">机构设置</a></li>
                            <li><a href="#">院学术委员会</a></li>
                        </ul>
                    </li>
                    <li><a href="#">党建思政</a>
                    <ul class="dropdown-menu">
                            <li><a href="#">学院简介</a></li>
                            <li><a href="#">现任领导</a></li>
                            <li><a href="#">机构设置</a></li>
                            <li><a href="#">院学术委员会</a></li>
                        </ul></li>
                    <li><a href="#">师资队伍</a>
                    <ul class="dropdown-menu">
                            <li><a href="#">学院简介</a></li>
                            <li><a href="#">现任领导</a></li>
                            <li><a href="#">机构设置</a></li>
                            <li><a href="#">院学术委员会</a></li>
                        </ul></li>
                    <li><a href="#">本科生教育</a>
                    <ul class="dropdown-menu">
                            <li><a href="#">学院简介</a></li>
                            <li><a href="#">现任领导</a></li>
                            <li><a href="#">机构设置</a></li>
                            <li><a href="#">院学术委员会</a></li>
                        </ul></li>
                       
                    <li><a href="#">研究生教育</a></li>
                    <li><a href="#">学科建设</a></li>
                    <li><a href="#">科学研究</a></li>
                    <li><a href="#">学生工作</a></li>
                    <li><a href="#">招生就业</a></li>
                    <li><a href="#">下载中心</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="container">
        <div id="leftContent">
        	<div class="news">
                <div class="news_title">
                    <h2>通知公告<span> | Notice</span><a href="#">more...</a></h2>
                </div>
                <div class="news_list">
                    <ul>
                        <li><a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    </ul>
                </div>
            </div>
            <div class="news">
                <div class="news_title">
                    <h2>学院新闻<span> | Notice</span><a href="#">more...</a></h2>
                </div>

                <div class="news_list">
                    <ul>
                        <li><a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        <li>
                            <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="rightContent">
            <div class="slide">
                <ul>
                    <li><img src="images/slide1.jpg" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                </ul>
                <ul class="dot">
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                </ul>
            </div>
            <div id="rc_Academic">
                <div class="news">
                    <div class="news_title">
                        <h2>学术交流<span> | Academic</span><a href="#">more...</a></h2>
                    </div>
                    <div class="news_list">
                        <ul>
                            <li><a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="rc_Feature">
                <div class="news">
                    <div class="news_title">
                        <h2>特色导航<span> | Feature</span><a href="#">more...</a></h2>
                    </div>
                    <div class="news_list">
                        <ul>
                            <li><a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                            <li>
                                <a href="">管商学院举办四六级英语考试</a><span>2017-05-01</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>   
        </div>
        <!--  Container End -->
    </div>
	<div class="clb"></div>
    <div class="footer">
        <div class="container">
            <div class="favlink">
                <ul>
                    <li><a href="">河北工程大学</a></li>
                    <li><a href="">北大光华管理学院</a></li>
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                    <li>
                        <a href=""></a>
                    </li>
                </ul>
            </div>
            <div class="line"></div>
            <div class="copyright">
                <p>河北工程大学管理工程与商学院&nbsp;版权所有&nbsp;地址：河北省邯郸市河北工程大学西校园9教</p>
                <p>联系电话：0310-8578778 &nbsp; 管理维护：赵记涛</p>
            </div>
        </div>
    </div>
</body>

</html>